<template>
  <div>
    Home
    <el-button type="primary">cs</el-button>
    <el-button :plain="true" @click="open">Show message</el-button>

    <el-switch v-model="flag" class="ml-2" style="--el-switch-on-color: #13ce66; --el-switch-off-color: #ff4949" />
  </div>
</template>

<script setup>
import { ElMessage } from 'element-plus'
import { ref } from 'vue'

const flag = ref(true)
const open = () => {
  ElMessage.error({
    message: 'Error Message',
    duration: 3000,
  })
}
</script>

<style lang="scss" scoped></style>